<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Form表单</title>
</head>

<body>
    <div>
        <form action="#">
            姓名：<input type="text" name="user_name" placeholder="请输入用户名" /> <br />
            密码：<input type="password" name="user_passwd" /> <br />
            性别：
            <input type="radio" name="sex" value="1" checked="checked" />男
            <input type="radio" name="sex" value="2" />女 <br />
            爱好：
            <input type="checkbox" name="run" value="1">跑步
            <input type="checkbox" name="swim" value="1">游泳
            <input type="checkbox" name="ball" value="1">踢球 <br />
            所属机构：
            <select>
                <option value="1">信息与控制学院</option>
                <option value="2">经济与管理学院</option>
                <option value="3">培训学院</option>
                <option value="4">基础课部</option>
            </select><br />
            备注：<textarea rows="3"></textarea> <br />
            <input type="submit" value="提交" name="sub-btn" />
            <input type="reset" value="重置" name="reset-btn" />
        </form>
    </div>
</body>

</html>